<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>梅赛德斯·奔驰</title>
		<style>
			*{
				padding: 0;
				margin: 0;
			}
			img{
				vertical-align: bottom;
			}
			/* 删除li圆点 */
			li{
				list-style: none;
			}
			a{
				text-decoration:  none;/* 取消下划线 */
			}
			.w{
				margin: 0 auto;
				width: 1920px;
			}
			.s1{
				background-color: black;
				height: 175px;
				margin: 0 auto;
				width: 1920px;
			}
			.clearfix::before,.clearfix::after{
				content: "";
				display: table;
			}
			.clearfix::after{
				clear:both;
			}
			.fl{
				float: left;
			}
			.logo{
				padding-top: 28px;
				padding-left: 100px;
			}
			.navigation{
				padding-top: 5px;
			}
			.navigation>li{
				padding: 53px 10px;
				margin-left: 32px;
				
			}
			.navigation a{
				display: block;
				line-height: 62px;
				font-size: 20px;
				color: white;
			}
			a:hover{
				color: #00adef;
			}
			.banner{
				height: 791px;
				width: 1920px;
				margin: 0 auto;
				background: url(img/images/images/%7BG_%5B5KOVXC3HDXAUZ%251X%5BZ0_06.jpg) no-repeat center;
			}
			.main{
				width: 1381px;
				margin: 0 auto;
			}
			.title{
				border-bottom: 2px solid #f4f3ef;
				
			}
			.title h3{
				font-family:"黑体" ;
				font-size: 30px;
				line-height: 42px;
				text-align: center;
				color: #666666;
			}
			.title h2{
				font-family:"黑体" ;
				font-size: 20px;
				line-height: 42px;
				text-align: center;
				color: #000000;
			}
			.brand{
				padding-top: 15px;
				height: 200px;
				padding-left: 250px
				
			}
			.brand .fl{
				padding-right: 164px;
			}
			.brand1{
				height: 500px;
				padding-top: 15px;
				padding-left: 100px;
			}
			.brand2{
				height: 1350px;
				padding-top: 15px;
				padding-left: 100px;
			}
			.brand2 .fl{
				padding-top: 20px;
			}
			.brand3{
				padding-top: 15px;
				width:1920px;
				margin: 0 auto;
				height: 400px;
				background: url(img/images/images/images/images/images/images/images/QQ图片20201121171048_02.jpg) no-repeat center;
			}
			.tex{
				width: 1300px;
				margin: 0 auto;
				height: 270px;
			}
			.bg{
				margin: 0 auto;
				width:1920px;
				height: 500px;
				background-color: #f1f1f1;
			}
			.tex1{
						width: 180px;
						padding-right: 86px;
					}	
					.tex2{
							width: 180px;
						padding-right: 86px;
					}
					.tex3{
							width: 180px;
						padding-right: 86px;
					}	
					.tex4{
							width: 180px;
						padding-right: 86px;
					}
					.tex5{
						
						height: 100px;
					}
					.tex6{
						width: 300px;
						height: 160px;
						padding-top: 200px;
						border-bottom: 1px solid #aaaaaa;
					}
					h5{
						display: block;
						padding-top: 35px;
						width: 180px;
						font-size: 20px;
						line-height: 38px;
						text-align: left;
						
					}
					.last{
						width:1920px;
						height: 50px;
						background-color: black;
					}
					.last p{
						text-align: center;
						color:#5500ff;
					}
					
		</style>
	</head>
	<body>
		<header class=" clearfix s1">
			<div class="w ">
			<div class="logo fl "><img src="img/images/%7BG_%5B5KOVXC3HDXAUZ%251X%5BZ0_03.jpg" alt=""></div>
			<ul class="navigation fl  clearfix">
				<li class="fl"><a href="">车型</a></li>
				<li class="fl"><a href="">购车指南</a></li>
				<li class="fl"><a href="">客户服务</a></li>
				<li class="fl"><a href="">Mercedes me</a></li>
				<li class="fl"><a href="">梅赛德斯-AMG</a></li>
				<li class="fl"><a href="" style="color: #00adef;">EQ🔍</a></li>
			</ul><!-- 无序列表 -->s
			</div>
		</header>
		<div class="banner"></div>
		<div class="main">
			
			<div class="title">
				<h3>购车工具</h3>
			</div>
			<div class="brand">
				<div class="fl"><a href=""><img src="img/images/images/images/QQ图片20201121163136_03.jpg" alt=""></div>
				<div class="fl"><a href=""><img src="img/images/images/images/QQ图片20201121163136_05.jpg" alt=""></div>
				<div class="fl"><a href=""><img src="img/images/images/images/QQ图片20201121163136_07.jpg" alt=""></div>
				<div class="fl"><a href=""><img src="img/images/images/images/QQ图片20201121163136_09.jpg" alt=""></div>
			</div>
			<div class="title">
					<h3>全部车型</h3>
					</div>
			<div class="brand1">
				<div class=""><a href=""><img src="img/images/images/images/images/QQ图片20201121163136_03.jpg" alt=""></div>
			</div>
			<div class="title">
				<h3>发现更多</h3>
				</div>
				<div class="brand2">
				<div class="fl"><a href=""><img src="img/images/images/images/images/images/QQ图片20201121171033_03.jpg" alt=""></div>
				<div class="fl"><a href=""><img src="img/images/images/images/images/images/images/QQ图片20201121171036_03.jpg" alt=""></div>
				<div class="fl"><a href=""><img src="img/images/images/images/images/images/images/QQ图片20201121171036_06.jpg" alt=""></div>
		</div>
		</div>
		<div class="brand3"></div>
		
		<div class="title">
				<h2>分享给你的好友</h2>
				</div>
		</div>
		</div>
		<footer class="clearfix bg">
			<div class="w tex ">	
				<div class="tex1 fl">
				<h5 class="">车型</h5>	
				<ul>
					 <li><a href="">轿车</a></li>
					 <li><a href=""> SUV</a></li>
					 <li><a href="">轿跑车和敞篷跑车</a></li>
					 <li><a href="">MPV</a></li>
					 <li><a href="">纯电动车</a></li>
					 <li><a href="">车型总览</a></li>
					 <li><a href="">认证二手车</a></li>                        
				</ul>	
				</div>
				<div class="tex2 fl">
				<h5 class="">购车指南</h5>	
				<ul>
					 <li><a href=""> 显示购车新方案</a></li>
					 <li><a href=""> 查找经销商</a></li>
					 <li><a href=""> 金融计算器</a></li>
					 <li><a href=""> 预约试驾</a></li>
					 <li><a href=""> 在线购车</a></li>
					 <li><a href=""> 下载产品手册</a></li>
					 <li><a href=""> 车型比较</a></li>
					 <li><a href=""> 留学回国人员购车业务</a></li>
				</ul>	
				</div>
				<div class="tex3 fl">
				<h5 class="">客户服务</h5>	
				<ul>
					 <li><a href="">星徽保养菜单 </a></li>
					 <li><a href="">原厂修养套餐家族</a></li>
					 <li><a href="">手机端服务体验</a></li>
					 <li><a href="">选装配件及精品</a></li>
					 <li><a href="">原厂配件</a></li>
					 <li><a href="">事故与保险服务</a></li>
					 <li><a href="">24小时道路救援</a></li>
					 <li><a href="">召回通知</a></li>
				     <li><a href="">金融服务</a></li>		                    
				</ul>	
				</div>
				<div class="tex4 fl">
				<h5 class=""> 奔驰天下</h5>	
				<ul>
					 <li><a href="">品牌介绍 </a></li>
					 <li><a href="">奔驰杂志</a></li>
					 <li><a href="">奔驰新闻</a></li>
					 <li><a href="">企业社会责任</a></li>
					 <li><a href="">供应商信息平台</a></li>
					 <li><a href="">环保信息查询</a></li>			                                  
				</ul>	
				</div>
				
				<div class="tex5  ">
				<h5 class="">其他奔驰网站</h5>	
				<ul>
					 <li><a href=""> 金融服务</a></li>
				</ul>	
				
				</div>
				<div class="tex6">
				<h5 class="">关注我们</h5>
					<div class=""><a href=""><img src="./img/images/images/images/images/images/images/images/images/127.0.0_03.jpg" ></div>
				</div>
				</div>
				</footer>
				<div class="last">
					<p>©梅赛德斯-奔驰版权所有</p>
				</div>
				
	</body>
</html>
